<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>用户登录</title>
		<link rel='stylesheet' type='text/css' href='/static/view/css/common.css'/>
		<link rel='stylesheet' type='text/css' href='/static/view/css/head.css'/>
	</head>
	<body>
		<include file="public:header"/>
                
		<div class='body'>
			<span class='title'>用户登录</span>
			<div class='body-infor'>
			<fieldset>
			<legend>登录信息</legend>
				<form action='__APP__/User/user/login' method='post' id="login_form"> 
					<table border='0px' cellspacing='10px'>
						<tr>
							<th><label for='username'>用户名</label></th>
							<td><input class="input" name="username" id='username' type='text' placeholder='用户名' autocomplete='on' autofocus required /></td>
							<td><a href='./register.html'><span style="font-size:13px;font-weight:bold">立即注册</span></a></td>
						</tr>
						<tr>
							<th><label for='password'>密　码</label></th>
							<td><input class="input" name="password" id='password' type='password' placeholder='密码' required></td>
							<td><a href='findPassword.html'><span style="font-size:13px;font-weight:bold">找回密码</span></a></td>
						</tr>
						<tr>
							<th><label for='checkcode'>验证码</label></th>
							<td><input class="input" name="verify" id='checkcode' type='text' placeholder='验证码区分大小写' required/></td>
							<td><img id="verifyImg" style="cursor: pointer" src='/User/public/verify/' onclick="fleshVerify()"/></td>
						</tr>
						<tr>
							<td></td>
							<td><button type='submit' id='login'>登录</button>&nbsp;<button type='reset'>清空</button></td>
                                                        <td><font size="2" color="red">{$msg}{$error}</font></td>
						</tr>
						
					</table>
				
				
				</form>
			</fieldset>
			</div>
	
		</div>
	
	<include file="public:footer"/>
        
	<script type='text/javascript' src='/static/view/js/jquery-1.8.3.js'></script>
	<script type='text/javascript'>
                function fleshVerify(){ 
                      //重载验证码
                      var time = new Date().getTime();//alert(time);
                      document.getElementById('verifyImg').src= '/User/public/verify/'+time;
                 }
		$(document).ready(function(){
                        $('#verifyImg').click(function(){
                            var time = new Date().getTime();
                            $(this).src='/User/public/verify/'+time;
                        });
                        $('.title').click(function(){
                           $('div.body-infor').slideToggle('slow');
                       });

                        $('legend').click(function(){
                          $(this).next('form').slideToggle('fast');
                      });
                        
                      
		});
	
	</script>
	</body>
</html>